<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:p="http://primefaces.org/ui" 
	xmlns:pe="http://primefaces.org/ui/extensions"
	template="/layout/template.xhtml">
	<ui:define name="body">
	<script language="JavaScript" type="text/javascript">
		window.history.forward(-1);
	</script>
		<h1 class="title ui-widget-header ui-corner-all">Cobranza en Casa</h1>
		<h:form id="formCobranzaCasa">
		<p:messages id="message" showDetail="true"/>
		<p:panel>
		<p:fieldset id="fi" legend="Busqueda Cobranza en Casa" style="margin-top:30px">
			<h:panelGrid columns="3" cellpadding="5" >
			
				<h:outputText value="#{message['contrato.ubigeo.departamento']}" />
				<p:selectOneMenu id="dep" value="#{reporteCobranzaCasa.idDepartamento}" filter="true" filterMatchMode="startsWith"
					required="true" style="width:220px"
					requiredMessage="#{message['puntoVenta.ubigeo.departamento.validation']}" >
					<f:selectItem itemLabel="Seleccione Departamento" itemValue="#{null}" />
					<f:selectItems value="#{comboAction.ubigeoDeparItems}" />
					<p:ajax update="prov,dist" listener="#{reporteCobranzaCasa.cambiar}" />
				</p:selectOneMenu>
				<p:message for="dep"  />
				
				<h:outputText value="#{message['contrato.ubigeo.provincia']}" />
				<p:selectOneMenu id="prov" value="#{reporteCobranzaCasa.idProvincia}" filter="true" filterMatchMode="startsWith"
					required="true" style="width:220px"
					requiredMessage="#{message['puntoVenta.ubigeo.provincia.validation']}" >
					<f:selectItem itemLabel="Seleccione Provincia" itemValue="#{null}" />
					<f:selectItems value="#{comboAction.ubigeoProvinItems}" />
					<p:ajax update="dist" listener="#{reporteCobranzaCasa.cambiar2}" />
				</p:selectOneMenu>
				<p:message for="prov" />
				
				<h:outputText value="#{message['contrato.ubigeo.distrito']}" />
				<p:selectOneMenu id="dist" value="#{reporteCobranzaCasa.idUbigeo}" filter="true" filterMatchMode="startsWith" >
					<f:selectItem itemLabel="Seleccione Distrito" itemValue="#{null}" />
					<f:selectItems value="#{comboAction.ubigeoDistriItems}" />
					<p:ajax update="pl" listener="#{reporteCobranzaCasa.buscarZonificacionXDistrito}" />
				</p:selectOneMenu>
				<p:message for="dist" />
				
				<h:outputText value="Plano" />
				<p:selectCheckboxMenu id="pl" label="Seleccione Plano" value="#{reporteCobranzaCasa.planoList}" filter="true" filterMatchMode="startsWith" >
					<f:selectItems value="#{comboAction.planoItems}" />
					<p:ajax update="let" listener="#{reporteCobranzaCasa.buscarZonificacionXPlano}" />
				</p:selectCheckboxMenu>
				<p:spacer/>
				
				<h:outputText value="Letra" />
				<p:selectCheckboxMenu id="let" label="Seleccione Letra" value="#{reporteCobranzaCasa.letraList}" filter="true" filterMatchMode="startsWith" >
					<f:selectItems value="#{comboAction.letraItems}" />
					<p:ajax update="se" listener="#{reporteCobranzaCasa.buscarZonificacionXPlano}" />
				</p:selectCheckboxMenu>
				<p:spacer/>
				
				<h:outputText value="Sector" />
				<p:selectCheckboxMenu id="se" label="Seleccione Sector" value="#{reporteCobranzaCasa.sectorList}" filter="true" filterMatchMode="startsWith" >
					<f:selectItems value="#{comboAction.sectorItems}" />
				</p:selectCheckboxMenu>
				
				<f:facet name="footer">
					<p:commandButton value="Consultar" action="#{reporteCobranzaCasa.consultar}" 
					update="message" ajax="false" icon="ui-icon-search" />
				</f:facet>
			</h:panelGrid>
		</p:fieldset>
		
		<p:dataTable value="#{reporteCobranzaCasa.lstDomicilio}"  paginator="true" rows="10"
			paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
			rowsPerPageTemplate="5,10,15" var="c"  emptyMessage="#{message['rsltd.empty']}" >
			<f:facet name="header">
				<h:outputLabel value="#{message['rsltd.datatable']}" />
			</f:facet>
			<p:column headerText="Cliente" >
		         <h:outputText value="#{c.idcliente.nombresCompletos}" />
		    </p:column>
		    <p:column headerText="Domicilio" >
		         <h:outputText value="#{c.domicilio}" />
		    </p:column>
		    <p:column headerText="Distrito" >
		         <h:outputText value="#{c.tbUbigeo.nombre}" />
		    </p:column>
		    <p:column headerText="Plano" >
		         <h:outputText value="#{c.planoDomicilio}" />
		    </p:column>
		     <p:column headerText="Letra" >
		         <h:outputText value="#{c.letraDomicilio}" />
		    </p:column>
		     <p:column headerText="Sector" >
		         <h:outputText value="#{c.sectorDomicilio}" />
		    </p:column>
		     <p:column headerText="Ubicacion" >
		         <h:outputText value="#{c.desUbigeo}" />
		    </p:column>
		</p:dataTable>
		
		<div align="center"  style="margin-top:30px" >
		     	<h:graphicImage value="/images/Reporting_pdf.png" style="width:40px;height:40px"/>
				<p:commandLink action="#{reporteCobranzaCasa.exportar}" value="#{message['reporte.exportar.pdf']}" ajax="false" 
				disabled="#{reporteCobranzaCasa.cantLista!=0? false:true}">
				<f:setPropertyActionListener target="#{reporteCobranzaCasa.contentType}" value="pdf"/>
				</p:commandLink>
				
				<h:graphicImage value="/images/excel_icon.PNG" style="width:40px;height:40px"/>
				<p:commandLink action="#{reporteCobranzaCasa.exportar}" value="#{message['reporte.exportar.xls']}" ajax="false" 
				disabled="#{reporteCobranzaCasa.cantLista!=0? false:true}">
				<f:setPropertyActionListener target="#{reporteCobranzaCasa.contentType}" value="xls"/>
				</p:commandLink>
		</div>
		</p:panel>
		</h:form>
	</ui:define>
</ui:composition>